*{-webkit-tap-highlight-color:transparent;padding:0;margin:0;}	
 
   .account-password-style{
	 background-color:#226FB7;
 	 border:2px solid #28519C;
   	 width:690px;
     height:242px;
     margin-right:30px;
     margin-left:30px; 
     margin-bottom: 50px;

   	 border-radius:10px;
     -webkit-border-radius:10px;
     -moz-border-radius:10px;   
   }

  .account-image-style{
  	 margin: 34px 34px 34px 44px;
  	 width: 50px;
  	 height: 50px;
  }
  .accout-style{
	 color:#6CB9E1;
     border:solid #87CEED 2px;
     background-color: #226FB7;
     float:right;     
     width:518px;
     height:118px; 
     border-top: 2px;
     border-left: 2px;
     border-right: 2px;
     font-size: 36px;
     margin-right: 40px;
  }
  #account {overflow:hidden;}
 .password-style{
     color:#6CB9E1;
     background-color: #226FB7;
     float:right;
     border:none;     
     width:518px;
     height:118px; 
     font-size: 36px;
     margin-right: 40px;
  }

   .login-style{
   	 text-align: center;
     border: none; 
   	 width:690px;
   	 height:90px;    
   	 margin-left: 30px;
   	 margin-right: 30px;   	
   	 background-color: #87CEED;
   	 font-size: 36px;
   	 color:#1D73B6;
   	 border-radius:10px;
     -webkit-border-radius:10px;
     -moz-border-radius:10px;
   }

    <!-- 320 px-->
    body{
        background-image:url(../images/login/bg_account.png);
        background-repeat:no-repeat; 
        background-attachment:fixed;
    }
    .img123{width:124px;height:40px;float:right; margin-right:30px}

@media screen and (min-width: 321px) and (max-width: 360px){
	    body{
	        background:url(../images/login/bg_account.png) no-repeat;	       
	        width:360px;
	    }
	   .top-style{
		   position: relative;
	   	margin-top: 32.64px;
	   	margin-bottom:24px; 
	   	margin-right:14.4px;
	   	margin-left:14.4px;
	   }  	  

   	  .migu-left-style{
   	  	height: 17.28px;
   	  	width: 55.68px;
   	  }
   	  .change-style{
		  float:right;
   	  	height: 19.2px;
   	  	width: 59.52px;
   	  }
   	  .migu_logo{
   	  	width:129.6px;
   	  	height:129.6px;
   	  }

   	.account-password-style{
	    background-color:#226FB7;
	 	border:0.96px solid #28519C;
	   	width:331.2px;
	   	height:116.16px;
	    margin-right:14.4px;
	    margin-left:14.4px; 
	    margin-bottom:11.52px;
	   	border-radius:4.8px;
	    -webkit-border-radius:4.8px;
	    -moz-border-radius:4.8px;   
   }

   .account-image-style{
  	margin: 16.32px 16.32px 16.32px 21.12px;
  	width: 24px;
  	height: 24px;
  }
  .accout-style{
	 color:#6CB9E1; 
	 border-bottom:solid #87CEED 0.96px;   
     background-color: #226FB7;
     float:right;    
     width:248.64px;
     height:56.64px;     
     font-size: 17.28px;
     margin-right: 19.2px;
  }
  #account {overflow:hidden;}
 .password-style{
     color:#6CB9E1;
     background-color:#226FB7;
     float:right;     
     width:248.64px;
     height:54.64px;     
     font-size:17.28px;
     margin-right: 19.2px;
  }
  .login-div-style{
  	margin-top: 24px;
  }
  .login-style{
   	 text-align: center;
	 border: none;
   	 color:#1D73B6;
   	 background-color: #87CEED;
   	 width:331.2px;
   	 height:43.2px;    
   	 margin-left: 14.4px;
   	 margin-right: 14.4px;   	
   	 font-size: 17.28px;
   	 border-radius:4.8px;
     -webkit-border-radius:4.8px;
     -moz-border-radius:4.8px;
 
   }
    
    .pic_tel_div-style{
     text-align: center;
     width: 100%;

     margin-top:100px;
    }
   .pic_tel{
   	width:152.64px;
   	height:45.12px;  
   
   }

    .logo-div-style{
    	text-align:center;
    	margin-bottom: 37.44px;

    }
	
	.div-toast-style{
		position: fixed;
		display: none;
		transition: opacity 1s ease-out;
		z-index:1003;
		opacity:0;
		font-size: 14.4px;
		bottom:25%;
		width: 100%;
		line-height: 30px;
	}
	
	

 }

@media screen and (min-width: 376px) and (max-width: 414px){
	    body{
	        background:url(../images/login/bg_account.png) no-repeat;	       
	        width:414px;
	    }
	   .top-style{
   	    position: relative;
	   	margin-top: 32.64px;
	   	margin-bottom:40px;
	   	margin-right:14.4px;
	   	margin-left:14.4px;

	   }  	  

   	  .migu-left-style{
   	  	height: 17.28px;
   	  	width: 55.68px;
   	  }
   	  .change-style{
		float:right;
   	  	height: 19.2px;
   	  	width: 59.52px;

   	  }
   	  .migu_logo{
   	  	width:149px;
   	  	height:149px;
   	  }

   	.account-password-style{
	   	background-color:#226FB7;
	   	border:0.96px solid #28519C;
	   	width:370.8px;
	   	height:144px;
	   	margin-right:19.4px;
	   	margin-left:19.4px;
	   	margin-bottom:11.52px;
	   	border-radius:4.8px;
	   	-webkit-border-radius:4.8px;
	   	-moz-border-radius:4.8px;
	   	/* position: relative; */
	   	/* text-align:center; */
	  }

   .account-image-style{
  	margin: 18.9px 18.9px 18.9px 24px;
  	width: 32px;
  	height: 32px;
  }
  .accout-style{     
     color:#6CB9E1;
     float:right;
     border-bottom:solid #87CEED 0.96px;   
     background-color: #226FB7;
	 width:270px;
     height:70px;     
     font-size: 19.14px;
     margin-right: 19.2px;
  }
  #account {overflow:hidden;}
 .password-style{
     color:#6CB9E1;
     background-color:#226FB7;
     float:right;   
     width:270px;
     height:70px;     
     font-size:19.14px;
     margin-right: 19.2px;
  }
  .login-div-style{
  	margin-top: 36px;
  }
  .login-style{
	 color:#1D73B6;
   	 text-align: center;
     background-color: #87CEED;
     border: none;  
   	 width:370.8px;
   	 height:43.2px;    
   	 margin-left: 21.6px;
   	 margin-right:21.6px;   	
   	 font-size: 19.14px;
   	 border-radius:4.8px;
     -webkit-border-radius:4.8px;
     -moz-border-radius:4.8px;
   }
    
    .pic_tel_div-style{
    	text-align: center;
    	width: 100%;
       margin-top:100px;
    }
   .pic_tel{
   	 width:152.64px;
   	 height:45.12px;  
   
   }

    .logo-div-style{
    	text-align:center;
    	margin-bottom: 37.44px;

    }
	
	.div-toast-style{
		position: fixed;
		display: none;
		transition: opacity 1s ease-out;
		opacity:0;
		z-index:1003;
		font-size: 14.4px;
		bottom:25%;
		width: 100%;
		line-height: 30px;
	}
	
	

 }


@media screen and (min-width: 361px) and (max-width: 375px){
    body{
	        background:url(../images/login/bg_account.png) no-repeat;	       
	        width:375px;
	    }
	   .top-style{
		position: relative;
	   	margin-top: 34px;
	   	margin-bottom:25px; 
	   	margin-right:15px;
	   	margin-left:15px;

	   }  	  

   	  .migu-left-style{
   	  	height: 18px;
   	  	width: 58px;
   	  }
   	  .change-style{
		float:right;
   	  	height: 20px;
   	  	width: 62px;

   	  }
   	  .migu_logo{
   	  	width:135px;
   	  	height:135px;
   	  }

   	.account-password-style{
	    background-color:#226FB7;
	 	border:1px solid #28519C;	   		
		width:345px;
	   	height:121px;
	    margin-right:15px;
	    margin-left:15px; 
	    margin-bottom:25px;
	   	border-radius:5px;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;   
   }

   .account-image-style{
  	margin: 17px 17px 17px 22px;
  	width: 25px;
  	height: 25px;
  }
  .accout-style{
	 background-color: #226FB7;
	 border-bottom:solid #87CEED 1px;    
     color:#6CB9E1;
     float:right;	 
	 width:259px;
     height:59px;     
     font-size: 18px;
     margin-right: 20px;
  }
  #account {overflow:hidden;}
 .password-style{
     background-color:#226FB7;
     color:#6CB9E1; 
     float:right;    
     width:259px;
     height:59px;     
     font-size:18px;
     margin-right: 20px;
  }
  .login-div-style{
  	margin-top: 25px;
  }
  .login-style{
	border: none;
   	text-align: center;
   	background-color: #87CEED;
   	color:#1D73B6; 
   	width:345px;
   	height:45px;    
   	margin-left: 15px;
   	margin-right:15px;   	
   	font-size: 18px;
   	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
   }
    
    .pic_tel_div-style{
    	text-align: center;
    	width: 100%;
       margin-top:100px;
    }
   .pic_tel{
   	width:159px;
   	height:47px;  
   
   }

    .logo-div-style{
    	text-align:center;
    	margin-bottom: 50px;
    }
	
	.div-toast-style{
		display: none;
		position: fixed;
		transition: opacity 1s ease-out;
		z-index:1003;
		bottom:25%;
		width: 100%;
		opacity:0;
		line-height: 30px;
        font-size: 15px;
	}
	
	

 }
@media screen and (min-width: 300px) and (max-width: 320px){
	    body{
	        background:url(../images/login/bg_account.png) no-repeat;	       
	        width:320px;
	    }
	   .top-style{
		position: relative;
	   	margin-top: 29.24px;
	   	margin-bottom:21.5px; 
	   	margin-right:12.9px;
	   	margin-left:12.9px;
	   }  	  

   	  .migu-left-style{
   	  	height: 15.48px;
   	  	width: 49.88px;
   	  }
   	  .change-style{
		  float:right;
   	  	height: 17.2px;
   	  	width: 53.32px;
   	  }
   	  .migu_logo{
   	  	width:116.1px;
   	  	height:116.1px;
   	  }

   	.account-password-style{
	    background-color:#226FB7;
	 	border:0.96px solid #28519C;
	   	width:296.7px;
	   	height:104.06px;
	    margin-right:11.65px;
	    margin-left:11.65px; 
	    margin-bottom:11.52px;
	   	border-radius:4.8px;
	    -webkit-border-radius:4.8px;
	    -moz-border-radius:4.8px;   
   }

   .account-image-style{
  	margin: 14.62px 14.62px 14.62px 18.92px;
  	width: 21.5px;
  	height: 21.5px;
  }
  .accout-style{
	 color:#6CB9E1; 
	 border-bottom:solid #87CEED 0.86px;   
     background-color: #226FB7;
     float:right;    
     width:222.74px;
     height:50.74px;     
     font-size: 15.48px;
     margin-right: 14.62px;
  }
  #account {overflow:hidden;}
 .password-style{
     color:#6CB9E1;
     background-color:#226FB7;
     float:right;     
     width:222.74px;
     height:50.74px;     
     font-size:15.48px;
     margin-right: 14.62px;
  }
  .login-div-style{
  	margin-top: 21.5px;
  }
  .login-style{
   	 text-align: center;
	 border: none;
   	 color:#1D73B6;
   	 background-color: #87CEED;
   	 width:296.7px;
   	 height:38.7px;    
   	 margin-left: 11.65px;
   	 margin-right: 11.65px;   	
   	 font-size: 15.48px;
   	 border-radius:4.8px;
     -webkit-border-radius:4.8px;
     -moz-border-radius:4.8px;
 
   }
    
    .pic_tel_div-style{
     text-align: center;
     width: 100%;

     margin-top:100px;
    }
   .pic_tel{
   	width:152.64px;
   	height:45.12px;  
   
   }

    .logo-div-style{
    	text-align:center;
    	margin-bottom: 34.4px;

    }
	
	.div-toast-style{
		position: fixed;
		display: none;
		transition: opacity 1s ease-out;
		z-index:1003;
		opacity:0;
		font-size: 14.4px;
		bottom:25%;
		width: 100%;
		line-height: 30px;
	}
	
	

 }

 
 
